<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登录</title>
    <style>
        body{
            background: #6699F4;
        }
        .loginDiv{
            width: 550px;
            height: 530px;
            background-color: white;
            margin:0 auto;
            margin-top:30px;
            /* 左右是零。上下是居中 */
            text-align: center;
            /* 顶端内边距 */
            padding-top: 10px;
        }
        .loginInput{
				width: 426px;
				height: 55px;
				margin-top: 20px;
				border-radius: 5px;
				border:1px solid darkblue;
				padding-left: 30px;
				/* 文本框背景透明 */
				background-color: transparent;
				margin-left: -27px;
			}
			.btn_login{
				width: 426px;
				height: 55px;
				margin-top: 10px;
				background-color: #FF6B4D;
				margin-top: 10px;
				border: 1px solid #FF6B4D;
				border-radius: 5px;
				color: white;
				margin-bottom: 20spx;
			}
			.btn_login:hover{
				cursor: pointer;
			}
			.thirdLogin{
				margin-top: 20px;
			}
			.logpic{
				margin-left: 30px;
			}
    </style>
</head>
<body>
    <div class="loginDiv">
        <div style="text-align: center;">
            <img src="./img/tit.png" width="100px" alt="">
        </div>
		<h1>毕业设计管理系统</h1>
		<div>
			<img src="./img/user.png" alt=""><input type="text" class="loginInput" placeholder="请输入用户名">
			<br>
			<img src="./img/password.png" alt=""><input type="password" class="loginInput" placeholder="请输入密码">
			<button class="btn_login" type="submit">登录</button>
			<br>
		</div>
		<div class="thirdLogin">
			<img class="logpic" src="./img/weixi.png" alt="">
			<img class="logpic" src="./img/weibo.png" alt="">
			<img class="logpic" src="./img/qq.png" alt="">
		</div>
		<div style="font-size: 10px;line-height: 20px;" id="div_2">
			开发者:李锦涛 192088105 理学系
			<br>
			时间：2022/12/28
		</div>
    </div>    
</body>
</html>